<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <title>Pear Admin Django</title>
  <meta charset="utf-8"/>
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1"
  />
  <link rel="stylesheet" href="/static/component/pear/css/pear.css"/>
  <link rel="stylesheet" href="/static/admin/css/admin.css"/>
  <link rel="stylesheet" href="/static/admin/css/admin.dark.css"/>
  <link rel="stylesheet" href="/static/admin/css/variables.css"/>
  <link rel="stylesheet" href="/static/admin/css/reset.css"/>
  <style>
    .pear-admin .layui-logo .logo {
      display: inline;
    }
  </style>
</head>
<!-- 结 构 代 码 -->
<body class="layui-layout-body pear-admin">
<!-- 布 局 框 架 -->
<div class="layui-layout layui-layout-admin">
  <!-- 顶 部 样 式 -->
  <div class="layui-header">
    <!-- 菜 单 顶 部 -->
    <div class="layui-logo">
      <!-- 图 标 -->
      <img class="logo">
      <!-- 标 题 -->
      <span class="title"></span>
    </div>
    <!-- 顶 部 左 侧 功 能 -->
    <ul class="layui-nav layui-layout-left">
      <li class="collapse layui-nav-item">
        <a href="#" class="layui-icon layui-icon-shrink-right"></a>
      </li>
      <li class="refresh layui-nav-item">
        <a
          href="#"
          class="layui-icon layui-icon-refresh-1"
          loading="600"
        ></a>
      </li>
    </ul>
    <!-- 多 系 统 菜 单 -->
    <div id="control" class="layui-layout-control"></div>
    <!-- 顶 部 右 侧 菜 单 -->
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide-xs">
        <a href="#" class="menuSearch layui-icon layui-icon-search"></a>
      </li>
      <!--
      <li class="layui-nav-item layui-hide-xs message"></li>
      -->
      <li class="layui-nav-item layui-hide-xs">
        <a
          href="#"
          class="fullScreen layui-icon layui-icon-screen-full"
        ></a>
      </li>
      <li class="layui-nav-item user">
        <!-- 头 像 -->
        <a href="javascript:;">
          <img src="{{ request.user.avatar }}" class="layui-nav-img">
          {{ request.user.nickname }}
        </a>
        <!-- 功 能 菜 单 -->
        <dl class="layui-nav-child">
          <dd>
            <a
              href="javascript:void(0);"
              data-id="47"
              data-title="个人中心"
              data-url="rbac/user/info.html/"
            >个人中心</a>
          </dd>
          <dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
        </dl>
      </li>
      <!-- 主 题 配 置 -->
      <li class="layui-nav-item setting">
        <a href="#" class="layui-icon layui-icon-more-vertical"></a>
      </li>
    </ul>
  </div>
  <!-- 侧 边 区 域 -->
  <div class="layui-side layui-bg-black">
    <!-- 菜 单 顶 部 -->
    <div class="layui-logo">
      <!-- 图 标 -->
      <img class="logo"/>
      <!-- 标 题 -->
      <span class="title"></span>
    </div>
    <!-- 菜 单 内 容 -->
    <div class="layui-side-scroll">
      <div id="side"></div>
    </div>
  </div>
  <!-- 视 图 页 面 -->
  <div class="layui-body">
    <!-- 内 容 页 面 -->
    <div id="content"></div>
  </div>
  <!-- 页脚 -->
  <div class="layui-footer layui-text"></div>
  <!-- 遮 盖 层 -->
  <div class="pear-cover"></div>
  <!-- 加 载 动 画 -->
  <div class="loader-wrapper">
    <!-- 动 画 对 象 -->
    <div class="loader"></div>
  </div>
</div>
<!-- 移 动 端 便 捷 操 作 -->
<div class="pear-collapsed-pe collapse">
  <a href="#" class="layui-icon layui-icon-shrink-right"></a>
</div>
<!-- 依 赖 脚 本 -->
<script src="/static/component/layui/layui.js"></script>
<script src="/static/component/pear/pear.js"></script>
<!-- 框 架 初 始 化 -->
<script>
  layui.use(["admin", "jquery", "popup", 'carousel', 'element'], function () {
    let admin = layui.admin;
    let popup = layui.popup;
    let $ = layui.jquery;
    let carousel = layui.carousel;
    let element = layui.element


    // yml | json | api
    admin.setConfigurationPath("/static/config/pear.config.json");
    // 渲染
    admin.render();

    $("body").on("click", "[data-url]", function () {
      PearAdmin.changePage({
        id: $(this).attr("data-id"),
        title: $(this).attr("data-title"),
        url: $(this).attr("data-url"),
        type: "_iframe",
      });
    })

    // 注销 get、post都可以.
    admin.logout(function () {
      $.ajax({
        type: "GET",
        url: "/logout/",
        success: function (data) {
          // console.log(data);
          if (data.code === 0) {
            localStorage.removeItem("d_token"); // 清空token
            popup.success(data.msg);
            setTimeout(function () {
              location.href = "/login.html/";
            }, 1000);
          }
        },
      });

      // 清空 tabs 缓存
      return new Promise((resolve) => {
        resolve(true);
      });
    });
  });
</script>
</body>
</html>
